<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/base.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="text wrapper">
            <p>小米网</p>
            <p>MIUI</p>
            <p>米聊</p>
            <p>游戏</p>
            <p>多看阅读</p>
            <p>云服务</p>
            <p>小米网移动版</p>
            <p>问题反馈</p>
            <p>Select Region</p>
        </div>
    </div>
    <!-- 导航栏  -->
    <div class="navigation wrapper">
        <img class="logo " src="./images/logo.png" alt="">
        <img class="new" src="./images/new.gif" alt="">
        <div class="text-bar">
            <p>小米手机</p>
            <p>红米</p>
            <p>平板</p>
            <p>电视</p>
            <p>盒子</p>
            <p>影音</p>
            <p>路由器</p>
            <p>智能硬件</p>
            <p>服务</p>
            <p>社区</p>
        </div>
    </div>

    <div class="banner wrapper">

        <ul>

            <dl>
                <p><a href="#">手机</a><a href="#">平板</a><a href="#">电话卡</a></p>
                <dt><img src="./images/right.png" alt=""></dt>
            </dl>
            <dl>
                <p><a href="#">电视</a><a href="#">盒子</a></p>
                <dt><img src="./images/right.png" alt=""></dt>
            </dl>
            <dl>
                <p><a href="#">路由器</a><a href="#">智能硬件</a></p>
                <dt><img src="./images/right.png" alt=""></dt>
            </dl>
            <dl>
                <p><a href="#">移动电源</a><a href="#">插线板</a></p>
                <dt><img src="./images/right.png" alt=""></dt>
            </dl>
            <dl>

                <p><a href="#">耳机</a><a href="#">音箱</a></p>
                <dt><img src="./images/right.png" alt=""></dt>
            </dl>

            <dl>
                <p><a href="#">保护套</a><a href="#">后盖</a></p>
                <dt><img src="./images/right.png" alt=""></dt>
            </dl>
            <dl>
                <p><a href="#">贴膜</a><a href="#">其他配件</a></p>
                <dt><img src="./images/right.png" alt=""></dt>
            </dl>

            <dl>
                <p><a href="#">米兔</a><a href="#">服装</a></p>
                <dt><img src="./images/right.png" alt=""></dt>
            </dl>

            <dl>
                <p><a href="#">箱包</a><a href="#">其他周边</a></p>
                <dt><img src="./images/right.png" alt=""></dt>
            </dl>








        </ul>

        <img src="./images/banner.png" alt="">
    </div>

    <div class="pic wrapper">
        <p class="kong"><a href="">我就是一个空色块<br><br>一言不合就是这么任性</a></p>
        <img src="./images/pro1.png" alt="">
        <img src="./images/pro2.png" alt="">
        <img src="./images/pro3.png" alt="">
    </div>

    <div class="fenlei wrapper">
        <p>智能硬件</p>
        <p class="all">查看全部</p>
    </div>

    <div class="allgoods">

        <div class="goods wrapper">
            <img class="girl" src="./images/girl.jpg" alt="">
            <div class="categoods">
                <div>
                    <ul>
                        <img src="./images/d1.jpg" alt="">
                        <li>小米路由器3</li>
                        <p>四天线涉及，更安全更稳定</p>
                        <a href="">149元</a>
                    </ul>
                </div>
                <div>
                    <ul>
                        <img src="./images/d2.jpg" alt="">
                        <li>米家 LED 智能台灯</li>
                        <p>无可视频闪，亮度色温无级调节</p>
                        <a href="">169元</a>
                    </ul>
                </div>
                <div>
                    <ul>
                        <img src="./images/d3.jpg" alt="">
                        <li>小米净水器 厨下式</li>
                        <p>R0反渗透直出纯净水，包邮包安装</p>
                        <a href="">1999元</a>
                    </ul>
                </div>
                <div>
                    <ul>
                        <img src="./images/d4.jpg" alt="">
                        <li>小蚁智能摄像机 夜视版</li>
                        <p>能看能听能说，手机远程观看</p>
                        <a href="">149元</a>
                    </ul>
                </div>
                <div>
                    <ul>
                        <img src="./images/d5.jpg" alt="">
                        <li>Yeelight床头灯</li>
                        <p>触摸式操作，给卧室1600万种颜色</p>
                        <a href="">249元</a>
                    </ul>
                </div>
                <div>
                    <ul>
                        <img src="./images/d6.jpg" alt="">
                        <li>小米空气净化器2</li>
                        <p>10分钟，房间空气焕然一新</p>
                        <a href="">699元</a>
                    </ul>
                </div>

                <div>
                    <ul>
                        <img src="./images/d7.jpg" alt="">
                        <li>小米智能安防套装</li>
                        <p>智能智戒，为您的家增添一份安心</p>
                        <a href="">149元<span>188元</span></a>
                    </ul>
                </div>

                <div>
                    <ul>
                        <img src="./images/d8.jpg" alt="">
                        <li>米家iHealth血压计</li>
                        <p>爸妈上手就会用的智能血压计</p>
                        <a href="">399元</a>
                    </ul>
                </div>
            </div>


        </div>

    </div>

    <div class="fuwu wrapper">
        <div class="left wrapper">

            <dl>
                <dt>帮助中心</dt>
                <dd><a href="#">账户管理</a></dd>
                <dd><a href="#">购物指南</a></dd>
                <dd><a href="#">订单操作</a></dd>
            </dl>

            <dl>
                <dt>服务支持</dt>
                <dd><a href="#">售后政策</a></dd>
                <dd><a href="#">自助服务</a></dd>
                <dd><a href="#">相关下载</a></dd>
            </dl>

            <dl>
                <dt>线下门店</dt>
                <dd><a href="#">小米之家</a></dd>
                <dd><a href="#">服务网点</a></dd>
                <dd><a href="#">零售网点</a></dd>
            </dl>

            <dl>
                <dt>关于小米</dt>
                <dd><a href="#">了解小米</a></dd>
                <dd><a href="#">加入小米</a></dd>
                <dd><a href="#">联系我们</a></dd>
            </dl>

            <dl>
                <dt>关注我们</dt>
                <dd><a href="#">新浪微博</a></dd>
                <dd><a href="#">小米部落</a></dd>
                <dd><a href="#">官方微信</a></dd>
            </dl>

            <dl>
                <dt>特色服务</dt>
                <dd><a href="#">F码通道</a></dd>
                <dd><a href="#">小米移动</a></dd>
                <dd><a href="#">防伪查询</a></dd>
            </dl>
        </div>

        <div class="telephone">
            <h3>400-100-5678</h3>
            <p>周一至周日 8:00-18:00</p>
            <p>（仅收市话费）</p>
        </div>
    </div>



    <div class="ddd">
        <div class="wrapper">
            <div>
                <img src="./images/logo.png" alt="">
            </div>
    
                <div class="copyright">
              
                        <p class="ggg">
                            <a href="#">关于我们</a>|
                            <a href="#">帮助中心</a>|
                            <a href="#">售后服务</a>|
                            <a href="#">配送与验收</a>|
                            <a href="#">商务合作</a>|
                            <a href="#">搜索推荐</a>|
                            <a href="#">友情链接</a>
                          
                        </p>
                    
                    <p class="xxx">@mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</p>
                    <p class="xxx">违法和不良信息举报电话;185-0130-12381111111,本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
                    <img class="www wrapper" src="./images/bottom.png" alt="">
                </div>

        </div>
   
    </div>




</body>

</html>